<!DOCTYPE html>
<html>

<head>
  <title>房间分类信息管理</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="../css/bootstrap.min.css">
  <link rel="stylesheet" href="../css/system.css">
  <link rel="icon" href="../favicon.ico">
  <script src="../js/bootstrap.js"></script>
  <script src="../js/ajax.js"></script>
  <link rel="stylesheet" href="../font/iconfont.css">
  <!-- <script src="../js/checkLogin.js"></script> -->
  <script src="../font/iconfont.js"></script>
</head>

<body>

  <main>
    <h1 class="visually-hidden">Sidebars examples</h1>

    <div class="d-flex flex-column flex-shrink-0 p-3 bg-primary text-white" style="width: 220px;">
      <span class="fs-4"> <span class="iconfont icon-jiudianzhusu" style="font-size:24px ;"></span>five HOTEL</span>
      <hr>
      <ul class="nav nav-pills flex-column mb-auto">
        <li class="nav-item">
          <a href="./home.html" class="nav-link active">
            <span class="iconfont icon-zhuye"></span> &nbsp;主页
          </a>
        </li>
        <li>
          <a href="./roomMessage.html" class="nav-link text-white">
            <span class="iconfont icon-yingyongzhongxin"></span> &nbsp;基本房间信息管理
          </a>
        </li>
        <li>
          <a href="./roomSortMessage.html" class="nav-link text-white">
            <span class="iconfont icon-yingyongzhongxin"> &nbsp;房间分类信息管理
          </a>
        </li>
        <li>
          <a href="./order.html" class="nav-link text-white">
            <span class="iconfont icon-yingyongzhongxin"> 订单管理
          </a>
        </li>
        <li>
          <a href="./custmoer.html" class="nav-link text-white">
            <span class="iconfont icon-yingyongzhongxin"> &nbsp;顾客信息管理
          </a>
        </li>
        <li>
          <a href="./employee.html" class="nav-link text-white">
              <span class="iconfont icon-yingyongzhongxin"> &nbsp;员工信息管理
          </a>
      </li>
        <li>
          <a href="./updatePssword.html" class="nav-link text-white">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-key"
              viewBox="0 0 16 16">
              <path
                d="M0 8a4 4 0 0 1 7.465-2H14a.5.5 0 0 1 .354.146l1.5 1.5a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0L13 9.207l-.646.647a.5.5 0 0 1-.708 0L11 9.207l-.646.647a.5.5 0 0 1-.708 0L9 9.207l-.646.647A.5.5 0 0 1 8 10h-.535A4 4 0 0 1 0 8zm4-3a3 3 0 1 0 2.712 4.285A.5.5 0 0 1 7.163 9h.63l.853-.854a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.793-.793-1-1h-6.63a.5.5 0 0 1-.451-.285A3 3 0 0 0 4 5z" />
              <path d="M4 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" />
            </svg> &nbsp;账户管理
          </a>
        </li>
      </ul>
      <hr>  
    </div>

    <div class="b-example-divider" style="width:calc(100% - 220px);overflow: hidden; position: relative;">
      <div class="header"
        style="width: 100%; height:66px;line-height: 66px; background-color:#0d6efd; overflow: hidden;">
        <div class="row">
          <div class="col-lg-3" style="color:#fff; font-size:30px; padding-left:20px;">
            <span class="fs-4"> <svg class="icon" aria-hidden="true" style="width:50px;height:50px;">
                <use xlink:href="#icon-jiudianzhusu"></use>
              </svg></span>
          </div>
          <div class="col-lg-5" style="text-align: center;"><span style="background: linear-gradient(to bottom,#f0610e, #e8771a, #fff34a);-webkit-background-clip: text;color: transparent; font-size: 25px;">FIVE
              HOTEL 后台管理系统</span>
          </div>
          <div class="col-lg-4" style="color:#fff; font-size:25px;padding-right: 35px;text-align: right;">欢迎你！
            <img src="../img/avatar.jpg" style="width: 40px; border-radius:35%;"><span id="loginName">坤哥&emsp;</span>
            <button type="button" class="btn btn-danger btn-sm">退出</button>
          </div>
        </div>
      </div>
      <div class="container mt-3" style="width: 1200px;height:610px;background:white;">
        <div style="padding-top: 25px; margin-bottom: 15px;display: flex;"> 
         <button type="button" class="btn btn-info btn btn-primary btn-lg" data-bs-toggle="modal" data-bs-target="#myModal1">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-house-fill" viewBox="0 0 16 16">
            <path fill-rule="evenodd" d="m8 3.293 6 6V13.5a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5V9.293l6-6zm5-.793V6l-2-2V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5z"/>
            <path fill-rule="evenodd" d="M7.293 1.5a1 1 0 0 1 1.414 0l6.647 6.646a.5.5 0 0 1-.708.708L8 2.207 1.354 8.854a.5.5 0 1 1-.708-.708L7.293 1.5z"/>
          </svg>添加房型</button>
       <select style="width: 150px;height: 45px;margin-left: 20px" id="sel" onchange="sea()">
         <option>请选择房型</option>
         <option>经济房</option>
         <option>大床房</option>
         <option>双床房</option>
         <option>商务房</option>
         <option>亲子房</option>
         <option>豪华房</option>
         <option>棋牌室</option>
       </select>
       <form onsubmit="return false">
        <input type="text" id="inp1" placeholder="输入的最小价格" style="width: 120px;height: 45px;margin-left: 20px">
        ~<input type="text" id="inp2" placeholder="输入的最大价格" style="width: 120px;height: 45px;margin-left: 10px">
        <button onclick="sea1()" style="width:70px;height:45px;margin-left: -5px;">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
            <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
          </svg>
          查询</button>
       </form>
       </div>
         
         <table class="table table-hover">
           <thead>
             <tr>
               <th>编号</th>
               <th>图片</th>
               <th>房型</th>
               <th>描述</th>
               <th>价格</th>
               <th>操作</th>
             </tr>
           </thead>
           <tbody style="vertical-align:middle">
             
           </tbody>
         </table>
         <div style="margin-top:20px;margin-left: 20px;">
          <button id="one" style="background-color: #31d2f2;" onclick="first()">首页</button>
          <button id="two" style="margin-left:10px;background-color: #31d2f2;" onclick="up()">&lt;</button>
          <span id="showPage" style="margin-left:10px;">1/4</span>
          <button id="three" style="margin-left:10px;background-color: #31d2f2;" onclick="down()">&gt;</button>
          <button id="four" style="margin-left:10px;background-color: #31d2f2;" onclick="last()">尾页</button>
         </div>
         <div>
          <div class="modal fade " id="myModal1">
            <div class="modal-dialog">
              <div class="modal-content">
          
                <!-- 模态框头部 -->
                <div class="modal-header">
                  <h4 class="modal-title">添加房型</h4>
                  <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
          
                <!-- 模态框内容 -->
                <div class="modal-body">
                  <form onsubmit="return false">
                    <div class="row" style="margin-bottom:10px">
                      <div class="col-lg-2">
                        <span style="font-size: 24px">图片</span>
                      </div>
                      <div class="col-lg-10">
                        <input type="text" class="form-control" id="rimg" placeholder="请输入图片路径">
                      </div>
                    </div>
                   
                    <div class="row" style="margin-bottom:10px">
                      <div class="col-lg-2">
                        <span style="font-size: 24px">房型</span>
                      </div>
                      <div class="col-lg-10">
                        <input type="text" class="form-control" id="roomSort" placeholder="请输入房型">
                      </div>
                    </div>
                    <div class="row" style="margin-bottom:10px">
                      <div class="col-lg-2">
                        <span style="font-size: 24px">描述</span>
                      </div>
                      <div class="col-lg-10">
                        <input type="text" class="form-control" id="roomDec" placeholder="请输入描述">
                      </div>
                    </div>
                    <div class="row" style="margin-bottom:10px">
                      <div class="col-lg-2">
                        <span style="font-size: 24px">价格</span>
                      </div>
                      <div class="col-lg-10">
                        <input type="text" class="form-control" id="roomPrice" placeholder="请输入价格">
                      </div>
                    </div>
                  </form>
                </div>
          
                <!-- 模态框底部 -->
                <div class="modal-footer">
                  <button type="button" class="btn btn-success" data-bs-dismiss="modal" onclick="fok()">确定</button>
                  <button type="button" class="btn btn-danger" data-bs-dismiss="modal">关闭</button>
                </div>
         </div>
         </div>
        </div>
         </div>
        <div>
          <div class="modal fade " id="myModal2">
            <div class="modal-dialog">
              <div class="modal-content">
              <input type="hidden" id="updid">
                <!-- 模态框头部 -->
                <div class="modal-header">
                  <h4 class="modal-title">修改房间信息</h4>
                  <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
          
                <!-- 模态框内容 -->
                <div class="modal-body">
                  <form onsubmit="return false">
                    <div class="row" style="margin-bottom:10px">
                      <div class="col-lg-2">
                        <span style="font-size: 24px">图片</span>
                      </div>
                      <div class="col-lg-10">
                        <input type="text" class="form-control" id="updimg" placeholder="请输入图片路径">
                      </div>
                    </div>
                   
                    <div class="row" style="margin-bottom:10px">
                      <div class="col-lg-2">
                        <span style="font-size: 24px">房型</span>
                      </div>
                      <div class="col-lg-10">
                        <input type="text" class="form-control" id="updroomSort" placeholder="请输入房型">
                      </div>
                    </div>
                    <div class="row" style="margin-bottom:10px">
                      <div class="col-lg-2">
                        <span style="font-size: 24px">描述</span>
                      </div>
                      <div class="col-lg-10">
                        <input type="text" class="form-control" id="updroomDec" placeholder="请输入描述">
                      </div>
                    </div>
                    <div class="row" style="margin-bottom:10px">
                      <div class="col-lg-2">
                        <span style="font-size: 24px">价格</span>
                      </div>
                      <div class="col-lg-10">
                        <input type="text" class="form-control" id="updroomPrice" placeholder="请输入价格">
                      </div>
                    </div>
                  </form>
                </div>
          
                <!-- 模态框底部 -->
                <div class="modal-footer">
                  <button type="button" class="btn btn-success" data-bs-dismiss="modal" onclick="upd()">确定</button>
                  <button type="button" class="btn btn-danger" data-bs-dismiss="modal">关闭</button>
                </div>
         </div>
         </div>
        </div>
        </div>
     </div>
    </div>
  </main>
  <script src="../js/roomSortMessage.js"></script>
</body>

</html>